extends /defaults
append head
    title swoop index
append styles
    link(rel="stylesheet", href="../../plugins/colpick/colpick.css")
    link(rel="stylesheet", href="./index.scss")


append scripts
    input#dataToolkits(type="hidden",value="{{widget}}")
    script(src="../../scripts/bundle.js")
    script(src="../../plugins/colpick/colpick.js")
    script(src="./index.js")
        
block body
    link(rel="import",href="../layouts/header/header.pug?__inline")
    #index
        #attrbar
            a.toolkit-icons.remove(onclick="Root.RemoveDom()")
        .index-content.clearfix
            #tookbox
                | {{each widget}}
                a.toolkit-icons(class="{{$value.name}}",onmousedown="Root.MouseDown({{$index}})")
                | {{/each}}
                a.toolkit-icons.preview(onclick="Root.Preview()")
            .index-canvas
                .canvas-wrapper
                    #canvas(style="min-height:800px")
        .color-picker-wrapper
            .header
            #colorPicker
            

